<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link href="style.css" rel="stylesheet" type="text/css">

	<link type="text/css" href="css/sunny/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript">
	$(function(){
		// Tabs
		$('#tabs').tabs();

	});
	</script>
	<style type="text/css">
	/*demo page css*/
	body{ font: 100% "Times", sans-serif;}
	.demoHeaders { margin-top: 2em; }
	#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
	#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
	ul#icons {margin: 0; padding: 0;}
	ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
	ul#icons span.ui-icon {float: left; margin: 0 4px;}
	</style>
</head>
<body>
	<div id="page">
		<div id="headerCai">
			<div id="logoCai">
				<img id="imageCai" src="http://www.cai.cl/home/templates/cai_theme/images/head.png"></img>
				<div id="patch1">
					<div id="patch2">
						<a class="title" href="http://www.cai.cl/home">
							<h1 id="centroAlumnos">Centro de Alumnos de Ingenieria</h1>
							<h2 id="pucName">Pontificia Universidad Catolica de Chile</h2>
						</a>
					</div>
				</div>
			</div>
			<div id="menuCai">
			</div>
		</div>
		<div id="header">
			<div id="leftHeader">
				<div id="logoCentral">
					<p id="imageCentral">Central de Apuntes</p>
				</div>
			</div>
			<div id="rightHeader">
				<div id="jic">
				</div>
				<div id="login">
					<p id="greeting">Bienvenido, <a href="profile.html">Juan Pablo</a>!</p>
				</div>
			</div>
		</div>
		<div id="main">
			<div id="sidebar">
				<img id="profilePicture" src="jp.jpg"></img>
				<label id="usersFirstName">Juan Pablo</label>
				<label id="usersLastName">Vigneaux</label>
				<label id="ranking">Ranking:#1</label>
				<label id="downloadedFiles">Has descargado <a>33</a> archivos</label>
				<label id="uploadedFiles">Has subido <a>1</a> archivo</label>
				<label id="comments">No has hecho comentarios</label>
			</div>
			<div id="separator">
			</div>
			<div id="content">
				<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
					<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
						<li class="ui-state-default ui-corner-top"><a href="#tabs-1">Busquedas</a></li>
						<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-2">Descargas</a></li>
					</ul>
					<div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">	
					 	<div id="searches">
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">21 archivos</label><label class="downloadDate">Hoy, 12:25</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I2 Calculo I Mariel Saez</a><label class="numberOfFiles1">3 archivos</label><label class="downloadDate">Ayer, 10:34</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I3 Calculo I Mariel Saez</a><label class="numberOfFiles1">5 archivos</label><label class="downloadDate">12/10/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">Examen Calculo I Mariel Saez</a><label class="numberOfFiles1">2 archivos</label><label class="downloadDate">9/10/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">Tarea Calculo I Mariel Saez</a><label class="numberOfFiles1">17 archivos</label><label class="downloadDate">25/9/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">Control Calculo I Mariel Saez</a><label class="numberOfFiles1">24 archivos</label><label class="downloadDate">12/19/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I1 Calculo II Mariel Saez</a><label class="numberOfFiles1">10 archivos</label><label class="downloadDate">5/9/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I1 Calculo III Mariel Saez</a><label class="numberOfFiles1">7 archivos</label><label class="downloadDate">15/6/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I1 Calculo III Mariel Saez</a><label class="numberOfFiles1">5 archivos</label><label class="downloadDate">24/5/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">3 archivos</label><label class="downloadDate">6/4/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">4 archivos</label><label class="downloadDate">12/11/2009</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">16 archivos</label><label class="downloadDate">12/10/2009</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">12 archivos</label><label class="downloadDate">1/10/2009</label>
							</div>
						</div>
					</div>
					<div id="tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"> 
						<div id="downloads">
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="pdf_icon.gif" class="typeImage"></img><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">21 archivos</label><label class="downloadDate">Hoy, 12:25</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="pdf_icon.gif" class="typeImage"></img><a class="downloadLink">I2 Calculo I Mariel Saez</a><label class="numberOfFiles1">3 archivos</label><label class="downloadDate">Ayer, 10:34</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="pdf_icon.gif" class="typeImage"></img><a class="downloadLink">I3 Calculo I Mariel Saez</a><label class="numberOfFiles1">5 archivos</label><label class="downloadDate">12/10/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="zip-icon.png" class="typeImage"></img><a class="downloadLink">Examen Calculo I Mariel Saez</a><label class="numberOfFiles1">2 archivos</label><label class="downloadDate">9/10/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="pdf_icon.gif" class="typeImage"></img><a class="downloadLink">Tarea Calculo I Mariel Saez</a><label class="numberOfFiles1">17 archivos</label><label class="downloadDate">25/9/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="pdf_icon.gif" class="typeImage"></img><a class="downloadLink">Control Calculo I Mariel Saez</a><label class="numberOfFiles1">24 archivos</label><label class="downloadDate">12/19/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="zip-icon.png" class="typeImage"></img><a class="downloadLink">I1 Calculo II Mariel Saez</a><label class="numberOfFiles1">10 archivos</label><label class="downloadDate">5/9/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="pdf_icon.gif" class="typeImage"></img><a class="downloadLink">I1 Calculo III Mariel Saez</a><label class="numberOfFiles1">7 archivos</label><label class="downloadDate">15/6/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="zip-icon.png" class="typeImage"></img><a class="downloadLink">I1 Calculo III Mariel Saez</a><label class="numberOfFiles1">5 archivos</label><label class="downloadDate">24/5/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="pdf_icon.gif" class="typeImage"></img><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">3 archivos</label><label class="downloadDate">6/4/2010</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="pdf_icon.gif" class="typeImage"></img><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">4 archivos</label><label class="downloadDate">12/11/2009</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="pdf_icon.gif" class="typeImage"></img><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">16 archivos</label><label class="downloadDate">12/10/2009</label>
							</div>
							<div class="downloadElement">
								<a class="saveImage"><img src="save-icon.jpeg" class="saveIcon"></img></a><img src="zip-icon.png" class="typeImage"></img><a class="downloadLink">I1 Calculo I Mariel Saez</a><label class="numberOfFiles1">12 archivos</label><label class="downloadDate">1/10/2009</label>
							</div>
						</div>
					
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
